<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>美多商城-商品详情</title>
    <link rel="stylesheet" type="text/css" href="/css/reset.css">
    <link rel="stylesheet" type="text/css" href="/css/main.css">
    <script type="text/javascript" src="/js/host.js"></script>
    <script type="text/javascript" src="/js/vue-2.5.16.js"></script>
    <script type="text/javascript" src="/js/axios-0.18.0.min.js"></script>
</head>
<body>
    <div id="app" v-cloak>
    <div class="header_con">
        <div class="header">
            <div class="welcome fl">欢迎来到美多商城!</div>
            <div class="fr">
                <div v-if="username" class="login_btn fl">
                    欢迎您：<em>[[ username ]]</em>
                    <span>|</span>
                    <a @click="logout">退出</a>
                </div>
                <div v-else class="login_btn fl">
                    <a href="/login.html">登录</a>
                    <span>|</span>
                    <a href="/register.html">注册</a>
                </div>
                <div class="user_link fl">
                    <span>|</span>
                    <a href="/user_center_info.html">用户中心</a>
                    <span>|</span>
                    <a href="/cart.html">我的购物车</a>
                    <span>|</span>
                    <a href="/user_center_order.html">我的订单</a>
                </div>
            </div>
        </div>
    </div>

    <div class="search_bar clearfix">
            <a href="/index.html" class="logo fl"><img src="/images/logo.png"></a>
            <div class="search_wrap fl">
                <form method="get" action="/search.html" class="search_con">
                    <input type="text" class="input_text fl" name="q" placeholder="搜索商品">
                    <input type="submit" class="input_btn fr" name="" value="搜索">
                </form>
                <ul class="search_suggest fl">
                    <li><a href="#">索尼微单</a></li>
                    <li><a href="#">优惠15元</a></li>
                    <li><a href="#">美妆个护</a></li>
                    <li><a href="#">买2免1</a></li>
                </ul>
            </div>

            <div class="guest_cart fr">
            <a href="#" class="cart_name fl">我的购物车</a>
            <div class="goods_count fl" id="show_count">15</div>

            <ul class="cart_goods_show">
                <li>
                    <img src="images/goods/goods001.jpg" alt="商品图片">
                    <h4>商品名称手机</h4>
                    <div>4</div>
                </li>
                <li>
                    <img src="images/goods/goods002.jpg" alt="商品图片">
                    <h4>商品名称手机</h4>
                    <div>5</div>
                </li>
                <li>
                    <img src="images/goods/goods003.jpg" alt="商品图片">
                    <h4>商品名称手机</h4>
                    <div>6</div>
                </li>
                <li>
                    <img src="images/goods/goods003.jpg" alt="商品图片">
                    <h4>商品名称手机</h4>
                    <div>6</div>
                </li>
            </ul>
        </div>

        </div>

        <div class="navbar_con">
                <div class="navbar">
                    <div class="sub_menu_con fl">
                        <h1 class="fl">商品分类</h1>
                        <ul class="sub_menu">
                            
                            <li>
                                <div class="level1">
                                    
                                    <a href="https://www.jd.com/">家用电器</a>
                                    
                                </div>
                                <div class="level2">
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">电视 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=47">全面屏电视</a>
                                            
                                            <a href="/list.html?cat=48">OLED电视</a>
                                            
                                            <a href="/list.html?cat=49">4K超清电视</a>
                                            
                                            <a href="/list.html?cat=50">65英寸</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">空调 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=51">空调挂机</a>
                                            
                                            <a href="/list.html?cat=52">中央空调</a>
                                            
                                            <a href="/list.html?cat=53">一级能效</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">洗衣机 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=54">滚筒洗衣机</a>
                                            
                                            <a href="/list.html?cat=55">洗烘一体机</a>
                                            
                                            <a href="/list.html?cat=56">波轮洗衣机</a>
                                            
                                            <a href="/list.html?cat=57">迷你洗衣机</a>
                                            
                                            <a href="/list.html?cat=58">烘干机</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">冰箱 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=59">多门</a>
                                            
                                            <a href="/list.html?cat=60">对开门</a>
                                            
                                            <a href="/list.html?cat=61">三门</a>
                                            
                                            <a href="/list.html?cat=62">双门</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">厨卫大电 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=63">油烟机</a>
                                            
                                            <a href="/list.html?cat=64">燃气灶</a>
                                            
                                            <a href="/list.html?cat=67">集成灶</a>
                                            
                                            <a href="/list.html?cat=69">消毒柜</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">厨房小电 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=65">面包机</a>
                                            
                                            <a href="/list.html?cat=66">料理机</a>
                                            
                                            <a href="/list.html?cat=68">破壁机</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">生活电器 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=70">电风扇</a>
                                            
                                            <a href="/list.html?cat=71">空气净化器</a>
                                            
                                        </div>
                                    </div>
                                    
                                </div>
                            </li>
                            
                            <li>
                                <div class="level1">
                                    
                                    <a href="https://www.jd.com/">手机</a>
                                    
                                    <a href="https://www.jd.com/">办公</a>
                                    
                                    <a href="https://www.jd.com/">数码</a>
                                    
                                    <a href="https://www.jd.com/">电脑</a>
                                    
                                </div>
                                <div class="level2">
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">手机通讯 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=73">5G手机</a>
                                            
                                            <a href="/list.html?cat=74">拍照手机</a>
                                            
                                            <a href="/list.html?cat=75">全面屏手机</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">手机配件 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=81">手机壳</a>
                                            
                                            <a href="/list.html?cat=83">贴膜</a>
                                            
                                            <a href="/list.html?cat=84">数据线</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">办公设备 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=90">投影机</a>
                                            
                                            <a href="/list.html?cat=91">传真设备</a>
                                            
                                            <a href="/list.html?cat=92">打印机</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">摄影摄像 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=76">数码相机</a>
                                            
                                            <a href="/list.html?cat=77">微单相机</a>
                                            
                                            <a href="/list.html?cat=78">单反相机</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">电脑整机 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=86">笔记本</a>
                                            
                                            <a href="/list.html?cat=87">平板</a>
                                            
                                            <a href="/list.html?cat=88">一体机</a>
                                            
                                        </div>
                                    </div>
                                    
                                </div>
                            </li>
                            
                            <li>
                                <div class="level1">
                                    
                                    <a href="https://www.jd.com/">家居</a>
                                    
                                    <a href="https://www.jd.com/">家具</a>
                                    
                                    <a href="https://www.jd.com/">家装</a>
                                    
                                    <a href="https://www.jd.com/">厨具</a>
                                    
                                </div>
                                <div class="level2">
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">家纺 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=98">四件套</a>
                                            
                                            <a href="/list.html?cat=99">毛巾浴巾</a>
                                            
                                            <a href="/list.html?cat=100">乳胶枕</a>
                                            
                                            <a href="/list.html?cat=101">地毯地垫</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">家具 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=103">客厅</a>
                                            
                                            <a href="/list.html?cat=104">卧室</a>
                                            
                                            <a href="/list.html?cat=105">餐厅</a>
                                            
                                            <a href="/list.html?cat=106">床垫</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">家装软饰 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=108">装饰字画</a>
                                            
                                            <a href="/list.html?cat=109">3D立体墙贴</a>
                                            
                                            <a href="/list.html?cat=110">手工/十字绣</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">厨具 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=94">烹饪锅具</a>
                                            
                                            <a href="/list.html?cat=95">炒锅</a>
                                            
                                            <a href="/list.html?cat=96">刀剪菜板</a>
                                            
                                        </div>
                                    </div>
                                    
                                </div>
                            </li>
                            
                            <li>
                                <div class="level1">
                                    
                                    <a href="https://www.jd.com/">男装</a>
                                    
                                    <a href="https://www.jd.com/">女装</a>
                                    
                                    <a href="https://www.jd.com/">童装</a>
                                    
                                </div>
                                <div class="level2">
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">男装 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=116">T恤</a>
                                            
                                            <a href="/list.html?cat=117">牛仔裤</a>
                                            
                                            <a href="/list.html?cat=118">衬衫</a>
                                            
                                            <a href="/list.html?cat=119">POLO衫</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">女装 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=112">当季热卖</a>
                                            
                                            <a href="/list.html?cat=113">新品推荐</a>
                                            
                                            <a href="/list.html?cat=114">商场同款</a>
                                            
                                            <a href="/list.html?cat=120">小西装</a>
                                            
                                            <a href="/list.html?cat=121">连衣裙</a>
                                            
                                            <a href="/list.html?cat=122">半身裙</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">童装 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=124">套装</a>
                                            
                                            <a href="/list.html?cat=125">卫衣</a>
                                            
                                            <a href="/list.html?cat=126">裤子</a>
                                            
                                            <a href="/list.html?cat=127">童鞋</a>
                                            
                                        </div>
                                    </div>
                                    
                                </div>
                            </li>
                            
                            <li>
                                <div class="level1">
                                    
                                    <a href="https://www.jd.com/">美妆</a>
                                    
                                    <a href="https://www.jd.com/">个护清洁</a>
                                    
                                    <a href="https://www.jd.com/">宠物</a>
                                    
                                </div>
                                <div class="level2">
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">香水彩妆 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=134">气垫BB</a>
                                            
                                            <a href="/list.html?cat=135">女士香水</a>
                                            
                                            <a href="/list.html?cat=136">口红/唇膏</a>
                                            
                                            <a href="/list.html?cat=137">遮瑕</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">面部护肤 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=130">礼盒</a>
                                            
                                            <a href="/list.html?cat=131">美白</a>
                                            
                                            <a href="/list.html?cat=132">面膜</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">口腔护理 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=143">牙膏</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">身体护理 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=144">沐浴露</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">洗发护发 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=145">洗发水</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">家庭清洁 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=148">洗洁精</a>
                                            
                                            <a href="/list.html?cat=149">洁厕剂</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">宠物生活 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=146">狗粮</a>
                                            
                                            <a href="/list.html?cat=147">狗罐头</a>
                                            
                                        </div>
                                    </div>
                                    
                                </div>
                            </li>
                            
                            <li>
                                <div class="level1">
                                    
                                    <a href="https://www.jd.com/">男鞋</a>
                                    
                                    <a href="https://www.jd.com/">女鞋</a>
                                    
                                    <a href="https://www.jd.com/">运动</a>
                                    
                                    <a href="https://www.jd.com/">户外</a>
                                    
                                </div>
                                <div class="level2">
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">流行男鞋 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=161">商务休闲秀</a>
                                            
                                            <a href="/list.html?cat=162">正装鞋</a>
                                            
                                            <a href="/list.html?cat=163">男靴</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">时尚女鞋 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=157">高跟鞋</a>
                                            
                                            <a href="/list.html?cat=158">马丁靴</a>
                                            
                                            <a href="/list.html?cat=159">鱼嘴鞋</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">奢侈品 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=160">箱包</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">运动鞋包 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=164">跑步鞋</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">运动服饰 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=165">运动套装</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">户外鞋服 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=166">户外风衣</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">垂钓用品 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=167">钓竿</a>
                                            
                                        </div>
                                    </div>
                                    
                                </div>
                            </li>
                            
                            <li>
                                <div class="level1">
                                    
                                    <a href="https://www.jd.com/">母婴</a>
                                    
                                    <a href="https://www.jd.com/">玩具乐器</a>
                                    
                                </div>
                                <div class="level2">
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">奶粉 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=174">1段</a>
                                            
                                            <a href="/list.html?cat=175">2段</a>
                                            
                                            <a href="/list.html?cat=176">3段</a>
                                            
                                            <a href="/list.html?cat=177">有机奶粉</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">尿裤湿巾 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=178">婴儿湿巾</a>
                                            
                                            <a href="/list.html?cat=180">S</a>
                                            
                                            <a href="/list.html?cat=181">M</a>
                                            
                                            <a href="/list.html?cat=182">L</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">洗护用品 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=183">宝宝护肤</a>
                                            
                                            <a href="/list.html?cat=184">婴儿口腔清洁</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">童车童床 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=185">安全座椅</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">玩具 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=186">益智玩具</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">乐器 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=187">钢琴</a>
                                            
                                        </div>
                                    </div>
                                    
                                </div>
                            </li>
                            
                            <li>
                                <div class="level1">
                                    
                                    <a href="https://www.jd.com/">食品</a>
                                    
                                    <a href="https://www.jd.com/">酒类</a>
                                    
                                    <a href="https://www.jd.com/">生鲜</a>
                                    
                                </div>
                                <div class="level2">
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">蔬菜蛋品 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=194">蛋品</a>
                                            
                                            <a href="/list.html?cat=195">葱姜蒜椒</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">精选肉类 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=196">猪肉</a>
                                            
                                            <a href="/list.html?cat=197">牛肉</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">中外名酒 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=198">白酒</a>
                                            
                                            <a href="/list.html?cat=199">葡萄酒</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">新鲜水果 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=193">苹果</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">海鲜水产 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=200">鱼类</a>
                                            
                                            <a href="/list.html?cat=201">虾类</a>
                                            
                                        </div>
                                    </div>
                                    
                                </div>
                            </li>
                            
                            <li>
                                <div class="level1">
                                    
                                    <a href="https://www.jd.com/">艺术</a>
                                    
                                    <a href="https://www.jd.com/">礼品鲜花</a>
                                    
                                </div>
                                <div class="level2">
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">艺术品 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=205">油画</a>
                                            
                                            <a href="/list.html?cat=206">水墨画</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">礼品 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=207">创意礼品</a>
                                            
                                            <a href="/list.html?cat=208">工艺礼品</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">绿植园艺 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=209">桌面绿植</a>
                                            
                                        </div>
                                    </div>
                                    
                                </div>
                            </li>
                            
                            <li>
                                <div class="level1">
                                    
                                    <a href="https://www.jd.com/">图书</a>
                                    
                                    <a href="https://www.jd.com/">文娱</a>
                                    
                                    <a href="https://www.jd.com/">教育</a>
                                    
                                </div>
                                <div class="level2">
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">童书 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=215">3-6岁</a>
                                            
                                            <a href="/list.html?cat=216">7-10岁</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">文学 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=213">小说</a>
                                            
                                            <a href="/list.html?cat=214">科幻</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">教材教辅 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=217">中小学教辅</a>
                                            
                                            <a href="/list.html?cat=218">字典词典</a>
                                            
                                        </div>
                                    </div>
                                    
                                </div>
                            </li>
                            
                            <li>
                                <div class="level1">
                                    
                                    <a href="https://www.jd.com/">机票</a>
                                    
                                    <a href="https://www.jd.com/">酒店</a>
                                    
                                    <a href="https://www.jd.com/">旅游</a>
                                    
                                    <a href="https://www.jd.com/">生活</a>
                                    
                                </div>
                                <div class="level2">
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">交通出行 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=223">国内机票</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">酒店预定 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=224">国内酒店</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">定制旅游 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=225">团队建设</a>
                                            
                                        </div>
                                    </div>
                                    
                                    <div class="list_group">
                                        <div class="group_name fl">生活缴费 &gt;</div>
                                        <div class="group_detail fl">
                                            
                                            <a href="/list.html?cat=226">电费</a>
                                            
                                        </div>
                                    </div>
                                    
                                </div>
                            </li>
                            
                        </ul>
                    </div>

                    <ul class="navlist fl">
                        <li><a href="">首页</a></li>
                        <li class="interval">|</li>
                        <li><a href="">真划算</a></li>
                        <li class="interval">|</li>
                        <li><a href="">抽奖</a></li>
                    </ul>
                </div>
            </div>

    <div class="breadcrumb">
        <a href="">手机</a>
        <span>></span>
        <span>手机通讯</span>
        <span>></span>
        <a href="/list.html?cat=73">5G手机</a>
    </div>

    <div class="goods_detail_con clearfix">
        <div class="goods_detail_pic fl"><img src="http://192.168.1.210:8888/group1/M00/00/00/wKgB0mFMpYaATUILAAA0iEudbLg4570032"></div>
        <div class="goods_detail_list fr">
            <h3>vivo X70 5G手机</h3>
            <p>【新品预售，白条24期免息+预定并付尾款前2000名赠TWS2e蓝牙耳机+预定赠半年延保+晒单赠3000个京豆+以旧换新至高返4999】，X70系列新品上市》</p>
            <div class="prize_bar">
                <span class="show_pirze">¥<em>3699.00</em></span><span> 市场价￥3899.00</span>
                <a href="javascript:;" class="goods_judge">8人评价</a>
            </div>
            <div class="goods_num clearfix">
                <div class="num_name fl">数 量：</div>
                <div class="num_add fl">
                    <input v-model="sku_count" type="text" class="num_show fl">
                    <a @click="sku_count++" class="add fr">+</a>
                    <a @click="on_minus()" class="minus fr">-</a>
                </div>
            </div>
            
            <div class="type_select">
                <label>选择颜色:</label>
                
                
                <a href="javascript:;" class="select">星云</a>
                
                
                
                <a href="javascript:;">至黑</a>
                
                
                
                <a href="javascript:;">独白</a>
                
                
            </div>
            
            <div class="type_select">
                <label>套餐类型:</label>
                
                
                <a href="javascript:;">官方标配</a>
                
                
            </div>
            
            <div class="type_select">
                <label>选择版本:</label>
                
                
                <a href="javascript:;">8GB+128GB</a>
                
                
                
                <a href="javascript:;">8GB+256GB</a>
                
                
                
                <a href="javascript:;">12GB+256GB</a>
                
                
            </div>
            
            <div class="total">总价：<em>[[sku_amount]]元</em></div>
            <div class="operate_btn">
                <a @click="add_cart" class="add_cart" id="add_cart">加入购物车</a>
            </div>
        </div>
    </div>

    <div class="main_wrap clearfix">
        <div class="l_wrap fl clearfix">
            <div class="new_goods">
                <h3>热销排行</h3>
                <ul>
                    <li v-for="sku in hots">
                        <a :href="sku.url"><img :src="sku.default_image_url"></a>
                        <h4><a :href="sku.url">[[sku.name]]</a></h4>
                        <div class="prize">￥[[sku.price]]</div>
                    </li>
                </ul>
            </div>
        </div>

        <div class="r_wrap fr clearfix">
            <ul class="detail_tab clearfix">
                <li @click="on_tab_content('detail')" :class="tab_content.detail?'active':''">商品详情</li>
                <li @click="on_tab_content('pack')" :class="tab_content.pack?'active':''">规格与包装</li>
                <li @click="on_tab_content('comment')" :class="tab_content.comment?'active':''">商品评价([[comments.length]])</li>
                <li @click="on_tab_content('service')" :class="tab_content.service?'active':''">售后服务</li>
            </ul>
            <div @click="on_tab_content('detail')" class="tab_content" :class="tab_content.detail?'current':''">
                <dl>
                    <dt>商品详情：</dt>
                    <dd><p><img alt="" src="http://192.168.1.210:8888/group1/M00/00/00/wKgB0mFMo2OAbfSJAANKTxbrpp02709680" style="height:1796px; width:750px" /><img alt="" src="http://192.168.1.210:8888/group1/M00/00/00/wKgB0mFMo2-AUIQaAADN9MDMt8I5104121" style="height:326px; width:750px" /><img alt="" src="http://192.168.1.210:8888/group1/M00/00/00/wKgB0mFMo3qACj_gAAoGGM1hg_s0770350" style="height:1433px; width:750px" /><img alt="" src="http://192.168.1.210:8888/group1/M00/00/00/wKgB0mFMo4SAUCBiAAgybIjQPWg4654523" style="height:1851px; width:750px" /><img alt="" src="http://192.168.1.210:8888/group1/M00/00/00/wKgB0mFMo42AbZPWAAMRA5UMRXU7318720" style="height:1026px; width:750px" /><img alt="" src="http://192.168.1.210:8888/group1/M00/00/00/wKgB0mFMo5aACE-cAAV8FUG7zs83510656" style="height:1457px; width:750px" /></p></dd>
                </dl>
            </div>
            <div @click="on_tab_content('pack')" class="tab_content" :class="tab_content.pack?'current':''">
                <dl>
                    <dt>规格与包装：</dt>
                    <dd><ul>
	<li>证书编号：2021011606408679</li>
	<li>证书状态：有效</li>
	<li>产品名称：5G数字移动电话机</li>
	<li>3C规格型号：V2133A（充电器： V4440L0A1-CN V4440L0B1-CN 输出：5Vdc, 2...</li>
	<li>产品名称：vivo X70</li>
	<li>型号:&nbsp;x70</li>
	<li>机身颜色:&nbsp;星云&nbsp;至黑&nbsp;独白</li>
	<li>运行内存RAM:&nbsp;8GB、12GB</li>
	<li>存储容量:&nbsp;8+128GB&nbsp;8+256GB&nbsp;12+256GB</li>
	<li>网络模式:&nbsp;双卡双待单通</li>
	<li>CPU型号:&nbsp;联发科技天玑 1200-vivo</li>
	<li>CPU型号:&nbsp;联发科技天玑 1200-vivo</li>
</ul></dd>
                </dl>
            </div>
            <div @click="on_tab_content('comment')" class="tab_content" :class="tab_content.comment?'current':''">
                <ul class="judge_list_con">
                    <li class="judge_list fl" v-for="comment in comments">
                        <div class="user_info fl">
                            <b>[[comment.username]]</b>
                        </div>
                        <div class="judge_info fl">
                            <div :class="comment.score_class"></div>
                            <div class="judge_detail">[[comment.comment]]</div>
                        </div>
                    </li>
                </ul>
            </div>
            <div @click="on_tab_content('service')" class="tab_content" :class="tab_content.service?'current':''">
                <dl>
                    <dt>售后服务：</dt>
                    <dd><p><strong>厂家服务</strong></p>

<p>本商品质保周期为1年质保，在此时间范围内可提交维修申请，具体请以厂家服务为准。 如因质量问题或故障，凭厂商维修中心或特约维修点的质量检测证明，享受7日内退货，15日内换货，15日以上在质保期内享受免费保修等三包服务！<br />
(注:如厂家在商品介绍中有售后保障的说明,则此商品按照厂家说明执行售后保障服务。) 您可以查询本品牌在各地售后服务中心的联系方式，<a href="https://www.vivo.com/" target="_blank">请点击这儿查询......</a><br />
<br />
品牌官方网站：<a href="https://www.vivo.com/" target="_blank">https://www.vivo.com</a><br />
售后服务电话：4006789688</p>

<p><strong>正品行货</strong></p>

<p>京东商城向您保证所售商品均为正品行货，京东自营商品开具机打发票或电子发票。</p></dd>
                </dl>
            </div>



        </div>
    </div>

    <div class="footer">
        <div class="foot_link">
            <a href="#">关于我们</a>
            <span>|</span>
            <a href="#">联系我们</a>
            <span>|</span>
            <a href="#">招聘人才</a>
            <span>|</span>
            <a href="#">友情链接</a>
        </div>
        <p>CopyRight © 2016 北京美多商业股份有限公司 All Rights Reserved</p>
        <p>电话：010-****888    京ICP备*******8号</p>
    </div>
    </div>
    <script type="text/javascript">
        var price = 3699.00;
        var cat = 73;
    </script>
    <script type="text/javascript" src="/js/detail.js"></script>

</body>
</html>